﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>第三次作业之网页制作</title>
    <link href="css/index.css" rel="stylesheet" />
    <link href="css/index2.css" rel="stylesheet" />
</head>
<body>
    <div class="content">
        <div class="first-block">
            <div class="title">
                <h1>Productors</h1>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident,doloribus omnis minu omnis minus temporious perterendis nesciunt.
                </p>
            </div>

            <div class="pictuer-word">
                <div class="one">
                    <img src="pictures/1.png" alt="一张图片" class="picture1" />
                    <div class="word1">
                        <h2>Generics</h2>
                        <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                    </div>
                </div>

                <div class="one">
                    <img src="pictures/2.png" alt="一张图片" class="picture1" />
                    <div class="word1">
                        <h2>Intermedlates</h2>
                        <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                    </div>
                </div>

                <div class="one">
                    <img src="pictures/3.png" alt="一张图片" class="picture1" />
                    <div class="word1">
                        <h2>AmlnoAclds</h2>
                        <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                    </div>
                </div>

                <div class="one">
                    <img src="pictures/4.png" alt="一张图片" class="picture1" />
                    <div class="word1">
                        <h2>Synthests</h2>
                        <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                    </div>
                </div>

                <div class="one">
                    <img src="pictures/5.png" alt="一张图片" class="picture1" />
                    <div class="word1">
                        <h2>Nutraceutlcals</h2>
                        <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                    </div>
                </div>

                <div class="one">
                    <img src="pictures/6.png" alt="一张图片" class="picture1" />
                    <div class="word1">
                        <h2>Carotenolds</h2>
                        <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                    </div>
                </div>
            </div>

            <div class="tabel">
                <table>                    
                    <tr>
                        <td>
                            <div class="tabel_td">
                                <img src="pictures/1.png" alt="一张图片" class="picture1" />
                                <div class="word1">
                                    <h2>Generics</h2>
                                    <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="tabel_td">
                                <img src="pictures/1.png" alt="一张图片" class="picture1" />
                                <div class="word1">
                                    <h2>Generics</h2>
                                    <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="tabel_td">
                                <img src="pictures/1.png" alt="一张图片" class="picture1" />
                                <div class="word1">
                                    <h2>Generics</h2>
                                    <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="tabel_td">
                                <img src="pictures/1.png" alt="一张图片" class="picture1" />
                                <div class="word1">
                                    <h2>Generics</h2>
                                    <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="tabel_td">
                                <img src="pictures/1.png" alt="一张图片" class="picture1" />
                                <div class="word1">
                                    <h2>Generics</h2>
                                    <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="tabel_td">
                                <img src="pictures/1.png" alt="一张图片" class="picture1" />
                                <div class="word1">
                                    <h2>Generics</h2>
                                    <div id="wenzi">consectetur adipisicine elit. Dolorea quae porro consequstur aliquam incidunt.</div>
                                </div>
                            </div>
                        </td>
                    </tr>
   

                </table>
            </div>

        </div>

        <div class="second-block">

            <div class="title">
                <h1>OurOrganization</h1>
                <p id="line">
                    Curabitur aliquet quam id dui posuere blandit.Doner sollictitudin molestie malesuada.Pellentesque ipsum id orci porta dopibus.Vivamus suscipit tortor cgct fclis porttitor volutpat.
                </p>
            </div>

            <div class="two">
                <div class="word">
                    <div class="b">
                        Grids is a responsive Multipurpose Template.Lorem ipsum dolor sit amet consectetur odipiscing clit.Curabitur aliquct quam id duiposucre blandit. Donca solicitudin molesile malesuada.Pellentesque in ipsum Id ordipcrta daplbus.Vivamus susclplt tortor eget felis porttitor volutpat.
                    </div>

                    <div class="c">
                        <div class="sequence">
                            <span class="border">
                                >
                            </span>
                            <span>
                                Lorem ipsum do or sitamet
                            </span>
                        </div>
                        <div class="sequence">
                            <span class="border">
                                >
                            </span>
                            <span>
                                Lorem ipsum do or sitamet
                            </span>
                        </div>
                        <div class="sequence">
                            <span class="border">
                                >
                            </span>
                            <span>
                                Lorem ipsum do or sitamet
                            </span>
                        </div>
                        <div class="sequence">
                            <span class="border">
                                >
                            </span>
                            <span>
                                Lorem ipsum do or sitamet
                            </span>
                        </div>

                    </div>
                </div>

                <img src="pictures/about.jpg" alt="一张图片" class="picture2" />

            </div>
        </div>
    </div>
</body>
</html>